<!-- eslint-disable -->
<template>
  <div>
    <el-dialog :title="dialogTitle" :visible.sync="dialogFormVisible" @close="dialogClose" width="680px" :close-on-click-modal="true">
      <div class="detail">
        <div class="detail-item">
            <div class="detail-item-con">
                <div class="title">性状（Character）：</div><div>{{form.character}}</div>
            </div>
            <div class="detail-item-con">
                <div class="title">颜色（Color）：</div><div>{{form.color}}</div>
            </div>
        </div>
        <div class="detail-item">
            <div class="detail-item-con">
                <div class="title">隐血（OB）：</div><div>{{form.ob}}</div>
            </div>
            <div class="detail-item-con">
                <div class="title">粘液（NY1）：</div><div>{{form.nyl}}</div>
            </div>
        </div>
        <div class="detail-item">
            <div class="detail-item-con">
                <div class="title">白细胞（WBC）：</div><div>{{form.wbc}}</div>
            </div>
            <div class="detail-item-con">
                <div class="title">红细胞（RBC）：</div><div>{{form.rbc}}</div>
            </div>
        </div>
        <div class="detail-item">
            <div class="detail-item-con">
                <div class="title">脓细胞（Pyocyte）：</div><div>{{form.pyocyte}}</div>
            </div>
            <div class="detail-item-con">
                <div class="title">吞噬细胞（BTSXB）：</div><div>{{form.btsxb}}</div>
            </div>
        </div>
        <div class="detail-item">
            <div class="detail-item-con">
                <div class="title">蛔虫卵（HCL）：</div><div>{{form.hcl}}</div>
            </div>
            <div class="detail-item-con">
                <div class="title">钩虫卵（GCL）：</div><div>{{form.gcl}}</div>
            </div>
        </div>
        <div class="detail-item">
            <div class="detail-item-con">
                <div class="title">蛲虫卵（NCL）：</div><div>{{form.ncl}}</div>
            </div>
            <div class="detail-item-con">
                <div class="title">鞭虫卵（BCL）：</div><div>{{form.bcl}}</div>
            </div>
        </div>
        <div class="detail-item">
            <div class="detail-item-con">
                <div class="title">血吸虫卵（XXCL）：</div><div>{{form.xxcl}}</div>
            </div>
            <div class="detail-item-con">
                <div class="title">肝吸虫卵（GXCL）：</div><div>{{form.gxcl}}</div>
            </div>
        </div>
        <div class="detail-item">
            <div class="detail-item-con">
                <div class="title">肠滴虫（CDC）：</div><div>{{form.cdc}}</div>
            </div>
            <div class="detail-item-con">
                <div class="title">淀粉颗粒（DFKL）：</div><div>{{form.dfkl}}</div>
            </div>
        </div>
        <div class="detail-item">
            <div class="detail-item-con">
                <div class="title">脂肪滴（Fatty oils）：</div><div>{{form.fatty_oils}}</div>
            </div>
            <div class="detail-item-con">
                <div class="title">其他（other）：</div><div>{{form.other}}</div>
            </div>
        </div>
        <div class="detail-item">
            <div class="detail-item-con">
                <div class="title">快速轮状病毒鉴定（ROTA.V）：</div><div>{{form.rota_v}}</div>
            </div>
            <div class="detail-item-con">
                <div class="title">腺病毒抗原（XBD）：</div><div>{{form.xbd}}</div>
            </div>
        </div>

      </div>
    </el-dialog>
  </div>
</template>

<!-- eslint-disable -->
<script>
  import {OcrDetail} from '@/utils/request.js'

  export default {
    components: {  },
    name: 'ocrForm',
    data(){
      return {
        dialogTitle: '便常规',
        dialogFormVisible: false,
        formLabelWidth: '100px',
        loadingAdd: false,
        form: {},
        data: {}
      }
    },
    created() {

    },
    methods: {
      dialogClose() {

      },
      editTmp(row) {
        this.data = row
        this.getData()
        this.dialogFormVisible = true
      },
      getData() {
        OcrDetail(this.data).then((res) => {
          if (res.code == 0) {
            this.form = res.data.data
          } else {
            this.$message.error('数据获取失败!')
          }
        })
      },
    }
  }
</script>

<style scoped>

    .detail {

    }
    .detail .detail-item {
        display: flex;
        justify-content: space-between;
        padding: 0 0 10px;
    }
    .detail-item-con {
        flex: 1;
        display: flex;
        padding-left: 10px;
        box-sizing: border-box;
    }
    .detail-item-con .title {
        min-width: fit-content;
    }
</style>
